.live-nav{width: 100%; height: 52px; display: flex; flex-direction: row; align-items: center;}
.live-btns{margin-right: 20px;}
.live-content{display: flex; flex-direction: row; flex-wrap: wrap; margin-top: 15px;}
.live-item{width: 415px; height: 248px; cursor: pointer; margin-bottom: 10px; margin-right: 10px; position: relative;}
.live-item > img{width: 415px; height: 248px; border-radius: 10px;}
.item-top{position: absolute; top: 10px; padding-left: 15px; display: flex; flex-direction: row; align-items: center;}
.item-top>span{margin-left: 10px; color: #fff;}
.item-bottom{position: absolute; width: 100%; border-bottom-left-radius: 10px; text-align: center; border-bottom-right-radius: 10px; background-color: rgba(0, 0, 0, 0.6); line-height: 36px; left: 0px; bottom: 0px; color: #fff;}
.setting{height: 500px; overflow-y: auto; margin-top: -19px;}

#video-container{height: 420px; position: relative;}
.stat-iframe{width: 100%; height: calc(100% - 6px); display: block; border: 0px; margin-top: 10px;}
.online-container{height: 530px; margin-top: -25px;}
